.highlight-edited g.points > circle.vertex.graphedited {
    color: rgb(87, 201, 44);
    stroke: #333;
    stroke-width: 1;
    stroke-opacity: .5;
    fill-opacity: 1;
}

.highlight-edited g.points > circle.vertex.tagedited {
    color: rgb(160, 231, 134);
    stroke: #fff;
    stroke-width: 2;
    stroke-opacity: .5;
    fill-opacity: 1;
}

/*Make the edited stroke line thin so that the original road color can show around it.*/
.highlight-edited g.lines > path.line.graphedited {
    color: rgb(87, 201, 44);
    stroke-width: 3 !important;
    stroke-opacity: 1;
}

/*Make the stroke in whole-road graph edits thin and less apparent. */
.highlight-edited g.linegroup.line-stroke > path.way.line.stroke.graphedited {
    stroke: rgb(87, 201, 44);
    stroke-width: 3 !important;
    stroke-opacity: 1;
}

/*Make the casing around tag edits wide enough to be a bit more visible. */
.highlight-edited g.linegroup.line-casing > path.way.line.casing.tagedited {
    stroke: rgb(87, 201, 44) !important;
    stroke-width: 12 !important;
    stroke-opacity: 1;
}

.low-zoom.highlight-edited g.linegroup.line-casing > path.way.line.casing.tagedited {
    stroke-width: 10 !important;
}

.highlight-edited.fill-wireframe g.linegroup.line-stroke > path.way.line.stroke.tagedited {
    stroke: rgb(160, 231, 134);
    stroke-width: 10 !important;
    stroke-dasharray: 25 !important; 
    stroke-opacity: 1 !important;
}

/*for low zoom levels, make the wireframe view 'tag edit' dashed line finer.*/
.low-zoom.highlight-edited.fill-wireframe g.linegroup.line-stroke > path.way.line.stroke.tagedited {
    stroke-dasharray: 7 !important;
} 

/*In wireframe mode, restrain the stroke width to something barely wider than normal.*/
.fill-wireframe.highlight-edited g.lines > path.line.graphedited, .fill-wireframe.highlight-edited g.linegroup.line-stroke > path.way.line.stroke.tagedited {
    stroke-width: 2 !important;
}

.bbox-svg {
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
}

.map-bbox {
    fill: none;
    stroke: rgba(0, 255, 255, 0.70);
    stroke-width: 1;
    shape-rendering: crispEdges;
    z-index: 1;
    pointer-events: none;
}

.map-bbox.thick {
    stroke-width: 5;
}

.grids-svg {
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
}

.map-grids {
    fill: none;
    stroke: rgba(0, 255, 255, 0.40);
    stroke-width: 2;
    shape-rendering: crispEdges;
    z-index: 1;
    pointer-events: none;
}